<template>
	<div>
		<a-tree
			v-if="treeData.length > 0"
			v-model:expandedKeys="defaultExpandedKeys"
			:tree-data="treeData"
			:field-names="treeFieldNames"
		>
		</a-tree>
	</div>
</template>

<script setup>
	import { defineProps, ref } from 'vue';

	const props = defineProps({
		TreeData: {
			type: Array,
			required: true
		}
	});

	const treeData = ref(props.TreeData);
	const defaultExpandedKeys = ref([]);
	const treeFieldNames = { children: 'children', title: 'name', key: 'key' };
</script>


<style scoped>

</style>
